﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>基础框架平台服务前端预览中心-资源树服务</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-editable.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <link href="css/docs.css" rel="stylesheet" />
    <link href="css/pygments-manni.css" rel="stylesheet" />
    <link href="css/zTree/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
</head>
<body style="background-color: #F1F3FA;">
    <nav class="navbar navbar-default" style="margin-top:5px; margin-bottom:5px;">
        <div class="container-fluid">
            <div class="navbar-header" style="font-size:16px; padding-top:8px;">
                <span style="font-size: 23px; border: solid 1px #DDDDDD; padding:0px 5px; margin-right:25px; float:left;">资源树查询服务</span>
                <span id="sp_seviceUrl" style="float:left; padding-top:6px; font-size:15px;"></span>
            </div>
        </div>
    </nav>
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">资源树预览</a></li>
        <li role="presentation"><a href="#serviceAPI" aria-controls="profile" role="tab" data-toggle="tab">资源树服务API</a></li>
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="home">
            <div class="panel panel-primary">
                <div class="panel-heading">资源树预览</div>
                <div class="panel-body">
                	<div id="toolbar" class="form-inline">
                            <div id="txtSearch" class="form-group">
                            </div>
                            <button id="btn_search" type="button" class="btn btn-success">查询</button>
                    </div>
                    <div class="container-fluid">
                        <ul id="tree" class="ztree"></ul>
                        <ul id="lazytree" class="ztree"></ul>
                    </div>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="serviceAPI">
            <div class="panel panel-primary">
                <div class="panel-heading">资源树服务API</div>
                <div class="panel-body">
                    <h4>资源树查询所有数据服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p  id="resourceUrl">
                        	<a href=""  target="_blank"><span class="p_url"></span></a>
                        </p>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>参数说明</h4>
                        <table class="table table-bordered table-striped js-options-table">
                            <thead><tr><th>名称</th><th>类型</th><th>说明</th></tr></thead>
                            <tbody>
                                <tr>
                                    <td>serviceID</td>
                                    <td>String</td>
                                    <td>服务ID</td>
                                </tr>
                                <tr>
                                	<td>conQuery</td>
                                	<td>String</td>
                                	<td>查询条件,格式：{"key":"value","key":"value","key":"value"......}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>调用说明</h4>
                        <p>使用ajax调用，支持get请求,返回Json数据格式{"id":"树形ID","name":"显示名称","pid":"父级ID","otherfield":{其他字段信息}}</p>
                        <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/execute/selectTreeConfig'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>,conQuery:<span class="s">''</span> },
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"id":"树形ID","name":"显示名称","pid":"父级ID","otherfield":{其他字段信息}</span>     
            }
        });
                            </code></pre>
                        </figure>
                    </div>
                    
                    <h4>资源树懒加载查询服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p  id="resourceLazyUrl">
                        	<a href=""  target="_blank"><span class="p_url"></span></a>
                        </p>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>参数说明</h4>
                        <table class="table table-bordered table-striped js-options-table">
                            <thead><tr><th>名称</th><th>类型</th><th>说明</th></tr></thead>
                            <tbody>
                                <tr>
                                    <td>serviceID</td>
                                    <td>String</td>
                                    <td>服务ID</td>
                                </tr>
                                <tr>
                                	<td>conQuery</td>
                                	<td>String</td>
                                	<td>查询条件,格式：{"key":"value","key":"value","key":"value"......}</td>
                                </tr>
                                <tr>
                                	<td>id</td>
                                	<td>String</td>
                                	<td>节点ID(在懒加载中第一次查询无需传参，后续查询必须传参)</td>
                                </tr>
                                <tr>
                                	<td>grade</td>
                                	<td>String</td>
                                	<td>层级(在懒加载中第一次查询无需传参，后续查询必须传参)</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>调用说明</h4>
                        <p>使用ajax调用，支持get请求,返回Json数据格式{"id":"树形ID","name":"显示名称","pid":"父级ID","grade":"层级","isParent":"true或false(是否有下一层)","otherfield":{其他字段信息}}</p>
                        <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/execute/getPartTreeConfig'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span>,conQuery:<span class="s">''</span> },
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"id":"树形ID","name":"显示名称","pid":"父级ID","grade":"层级","isParent":"true或false(是否有下一层)","otherfield":{其他字段信息}}</span>     
            }
        });
                            </code></pre>
                        </figure>
                    </div>
                    
                    <h4>资源树查询列查询服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p id="treeQueryField" >
                        	<a href=""  target="_blank"><span class="p_url"></span></a>
                        </p>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>参数说明</h4>
                        <table class="table table-bordered table-striped js-options-table">
                            <thead><tr><th>名称</th><th>类型</th><th>说明</th></tr></thead>
                            <tbody>
                                <tr>
                                    <td>serviceID</td>
                                    <td>String</td>
                                    <td>服务ID</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>调用说明</h4>
                        <p>使用ajax调用，支持get请求,返回Json数据格式{"result":"查询结果状态码(0成功,1失败)","message":"查询结果信息","data"[{"fieldname":"字段英文名称","fieldnamecn":"字段中文名称","fieldtype":"字段数据类型","showtype":"显示类型","enumbalue":"显示默认值"}]}</p>
                        <figure class="highlight">
                            <pre><code class="language-js" data-lang="js">
<span class="c1">//ajax调用实例</span>
      $.ajax({
            url: <span class="s">'<span class="s_url"></span>/business/execute/selectTreeColumn'</span>,
            type: <span class="s">'get'</span>,
            async: false,
            data: { serviceID: <span class="s">'<span class="s_id"></span>'</span> },
            dataType: "json",
            success: function (data) {
                   <span class="c1">//data返回Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"查询结果信息","data":[{"fieldname":"字段英文名称","fieldnamecn":"字段中文名称","fieldtype":"字段数据类型","showtype":"显示类型","enumbalue":"显示默认值"}]}</span>
                   <span class="c1">//showtype(0文本框,1下拉框,2单选按钮,3复选框,4日期框); enumbalue(显示默认值，格式为:key:value,key:value)</span>          
            },
            error: function () {
                
            }
        });
                            </code></pre>
                        </figure>
                    </div>
                    
                    
                    
                </div>
            </div>
        </div>
        
    </div>

    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootstrap-table.min.js"></script>
    <script src="bootstrap/js/bootstrap-table-zh-CN.js"></script>
    <script src="bootstrap/js/bootbox.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/zTree/jquery.ztree.all.min.js"></script>
    <script src="js/zTree/jquery.ztree.core.min.js"></script>
    <script src="js/zTree/jquery.ztree.excheck.min.js"></script>
    <script src="js/zTree/jquery.ztree.exedit.min.js"></script>
    <script src="js/services/serviceConfig.js"></script>
    <script src="js/services/resourcesTreeServices.js"></script>
    <script src="js/docs.js"></script>
</body>
</html>
